<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions" 
	template = "/WEB-INF/template/templateAreaLavoro.xhtml">

	
	<ui:define name="topAreaLavoro">
		<rich:toolbar height="30" >
  			<a4j:commandLink id="CreaNuovaCategoria" action="#{tab.setNewObject('Nuova Categoria')}"   render="panelCategoria" execute="@this" >
  				<h:graphicImage value="#{pathImmagini.pathImmagineAggiungi}"/>
  				<rich:tooltip value="Crea Categoria" for="CreaNuovaCategoria"/>
  			</a4j:commandLink>
  			
			<a4j:commandLink id="SalvaCategoria"  action="#{tabsBean.addCategoria(tab.object)}" status="StatoLoading">
				<h:graphicImage value="#{pathImmagini.pathImmagineSalva}"/>
				<rich:tooltip value="Salva Categoria" for="SalvaCategoria"/>
			</a4j:commandLink>
			
			<a4j:commandLink id="StampaCategoria" action="#{stampaController.stampaOrdine(tab.object)}">
				<h:graphicImage value="#{pathImmagini.pathImmagineStampa}"/>
				<rich:tooltip value="StampaCategoria" for="StampaCategoria"/>
				
			</a4j:commandLink>
		</rich:toolbar>
		<br/>	
	</ui:define>
	

	<ui:define name="center1AreaLavoro">
		<rich:panel >
			
			<f:facet name="header">
				<h:graphicImage value="#{pathImmagini.pathImmagineDocumenti}" />
				Dati Categoria
			</f:facet>
			
			<rich:graphValidator value="#{tab.object}" id="gvFamiglia">
				<h:panelGrid id="panelCategoria" columns="3" border="0">
				
					<h:outputLabel value="Nome" />
					<h:inputText id="nomeCategoria" value="#{tab.object.nome}" />
					<rich:message for="nomeCategoria" />
	
					<h:outputLabel value="Descrizione" />
					<h:inputText id="descrizioneCategoria" value="#{tab.object.descrizione}" />
					<h:outputText id="segnapostoDescrizioneCategoria" value="" />
	
					<h:outputLabel value="Categoria Padre" />
					<rich:select id="selezionaCategoriaPadre" defaultLabel="Seleziona Famiglia" converter="#{categoriaConverter}"
								listWidth="120px" styleClass="mySelect"
								value="#{tab.object.categoriaPadre}"  >
					   	<f:selectItems value="#{selectBean.categorieSelezionate}"   />                			
					</rich:select>
					<h:outputText id="segnapostoCategoriaPadre" value="" />
				
					<h:outputLabel value="Famiglia" />
					<rich:select id="selezionaFamiglia" defaultLabel="Seleziona Famiglia" converter="#{famigliaConverter}"
									listWidth="120px" styleClass="mySelect"
									value="#{tab.object.famiglia}"  >
						   <f:selectItems value="#{selectBean.famigleSelezionate}"   />                			
					</rich:select>
					<rich:message for="selezionaFamiglia" />
									
					<h:outputLabel value="Abilitata" />
					<h:selectBooleanCheckbox id="categoriaAbilitata"  value="#{tab.object.abilitata}" />
					<h:outputText id="segnapostoAbilitata" value="" />
					
				</h:panelGrid>
			</rich:graphValidator>
		</rich:panel>
		<br/>
	</ui:define>

	<ui:define  name="center2AreaLavoro">
		<rich:panel >
		
			<f:facet name="header">
				<h:graphicImage value="#{pathImmagini.pathImmagineCerca}" />
					Risultati
			</f:facet>	
		
			

				<a4j:commandButton value="Cerca" action="#{tabsBean.findAllCategorie()}" render="tabellaCategorie" execute="this" />
			
					<rich:extendedDataTable id="tabellaCategorie" value="#{tab.risultati}" 
											var="categoria"  rows="10" selection="#{tab.selection}" 
											selectionMode="#{tab.selectionMode}">
					
					<a4j:ajax event="selectionchange" listener="#{tab.tableListener}" render="panelCategoria"  />
							
										
					<f:facet name="header">Tabella Risultati Categoria</f:facet>	
	
					<rich:column width="150px">
						<f:facet name="header">ID</f:facet>
						<h:outputText value="#{categoria.idCategoria}" />
					</rich:column>
					
					<rich:column  width="150px">
						<f:facet name="header">Nome</f:facet>
						<h:outputText value="#{categoria.nome}" />
					</rich:column>
					
					<rich:column  width="150px">
						<f:facet name="header">Descrizione</f:facet>
						<h:outputText value="#{categoria.descrizione}" />
					</rich:column>
					
					<rich:column  width="150px">
						<f:facet name="header">Famiglia</f:facet>
						<h:outputText value="#{categoria.categoriaPadre.nome}" />
					</rich:column>
					
					<rich:column  width="150px">
						<f:facet name="header">Famiglia</f:facet>
						<h:outputText value="#{categoria.famiglia.nome}" />
					</rich:column>
					
					<rich:column  width="150px">
						<f:facet name="header">Abilitata</f:facet>
						<h:outputText value="#{categoria.abilitata}" />
					</rich:column>
				
					<f:facet name="footer">
						<rich:dataScroller page="#{tab.page}" />
					</f:facet>
		
				</rich:extendedDataTable>
				
			
		</rich:panel>
		<br/>	
	</ui:define>
	
	<ui:define name="footerAreaLavoro">
		<ui:remove>
			<a4j:log/>
		</ui:remove>	
		
		<a4j:outputPanel ajaxRendered="true">
			<c:set var="recordStatus" value="#{tab.statusRecord}"></c:set>
		
			<c:choose>
				<c:when test="${fn:containsIgnoreCase(recordStatus,'errore')}">
					<h:outputLabel id="labelErroreSalvataggioOrdine" value="#{tab.statusRecord}" styleClass="messageClass" />
					<rich:jQuery selector="#footerAreaLavoro" query="addClass('errorClass')" /> 
					
				</c:when>
				<c:when test="${fn:containsIgnoreCase(recordStatus,'successo')}">
					<h:outputLabel id="labelSuccessSalvataggioOrdine" value="#{tab.statusRecord}" styleClass="messageClass" />
					<!--  <rich:jQuery selector="#footerAreaLavoro" query="addClass('successClass')" /> -->
				</c:when>
			</c:choose>
			
		</a4j:outputPanel>
		
	</ui:define>
	
	
	
</ui:composition>